

.edit {
	padding: 0 20rpx;
	height: 40rpx;
	line-height: 40rpx;
	text-align: center;
	border-radius: 20rpx;
	border: 2rpx solid $uni-color-main-grey;
	color: $uni-color-main-grey;
	margin-left: 16rpx;
}

.head-img {
	width: 112rpx;
	height: 112rpx;
	border: 4rpx solid $uni-white;
	flex-shrink: 0;
	border-radius: 56rpx;
	margin-right: 28rpx;
}

.tag {
	width: 150rpx;
	height: 36rpx;
	margin-left: 16rpx;
}

.certification {
	width: 100rpx;
	height: 36rpx;
	border-radius: 8rpx;
	font-size: 20rpx;
	color: $uni-white;
	margin-left: 20rpx;
	padding: 0 10rpx;
}

.desc-text {
	font-size: 24rpx;
	color: $uni-text-color-grey;
	margin-top: 12rpx;
	width: 450rpx;
}
.my-data {
	margin: 64rpx 0 18rpx;
	.item {
		width: 172rpx;
		text-align: center;
	}
}

.common-box {
	width: 100%;
	box-sizing: border-box;
	padding: 48rpx 32rpx;
	background: $uni-white;
	border-radius: 24rpx;
	margin-top: 48rpx;
}

.function {
	font-size: 24rpx;
	color: #585C66;
	text-align: center;
	image {
		width: 64rpx;
		height: 64rpx;
	}
}

.public-class {
	.create {
		width: 176rpx;
		height: 56rpx;
		line-height: 56rpx;
		text-align: center;
		border-radius: 16rpx;
		border: 2rpx solid $uni-text-color-main;
		color: $uni-text-color-main;
		font-size: 24rpx;
	}
	.item {
		width: 100%;
		margin-top: 40rpx;
		.line {
			width: 2rpx;
			height: 20rpx;
			background: #D8D8D8;
			margin: 0 16rpx;
		}
	}
	.class-image {
		width: 184rpx;
		height: 124rpx;
		border-radius: 8rpx;
		flex-shrink: 0;
	}
	.in-review {
		font-size: 24rpx;
		color: #FAAA51;
	}
}

.default {
	image {
		width: 128rpx;
		height: 100rpx;
		margin: 140rpx 248rpx 0;
	}
	view {
		text-align: center;
		color: #C4C7CC;
		margin: 26rpx auto 252rpx;
	}
}